/*
    Name: Easingthemes starter
    Date: November 2013
    Description: Starter web with UIkit and H5BP.
    Version: 1.0
    Author: Dragan Filipović
    Autor URI: http://easingthemes.com
*/
/* ==========================================================================
   CONTENT
   ========================================================================== 
   1. Basic info (Colors, Fonts, Images, Framework)
   2. Main backgrounds, fonts and colors
   3. Layout (Navigation, Header, Top, Main, Bottom, Footer)
   4. Headings
   5. Boxes
   6. Icons and badges
   7. Navigation
   8. Links
   9. Buttons
   10. Forms
   11. Animations
   12. Other
   13. Overrides
   __________________________________________________________________________ */

/* ==========================================================================
   1. Basic info (Colors, Fonts, Images, Framework)
   ========================================================================== */

/* ==========================================================================
   2. Main backgrounds, fonts and colors
   ========================================================================== */

/* ==========================================================================
   3. Layout (Navigation, Header, Top, Main, Bottom, Footer)
   ========================================================================== */
 html {
  position: relative;
  min-height: 100%;
}
body {
    margin: 0 0 50px; /* bottom = footer height */
}

#naslovna nav {
  opacity: 0;
  display: none;
}
#naslovna {
  
}
#naslovna #menu {
  padding: 20px 0;
  margin-bottom: 10px;
}
#futer {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 50px;
    width: 100%;
}
#futer {
    background: url(../img/debut_dark.png);
    color: #ccc;
    height: 50px;
    line-height: 50px;
   }
   #menu {
    margin-bottom: 30px;
   }
   .pristup {
    width: 100px;
    position: fixed;
    left: 0;
    top: 30px;
   }
   #top {
    background: url(../img/debut_dark.png);
    color: #ccc;
    padding: 20px 0;
   }

   #top h2 {
    color: #eee;
    margin-bottom: 5px;
   }
   #top p {
    margin-top: 0;
   }
   .usertop span {
    font-size: 48px;
   }
   .usertop .uk-width-1-4 {
    padding-left: 7px !important;
   }
   .logo {
    /*height: 60px;*/
    font-size: 32px;
    color: #d85030;
   }
   .logo span {
    color: #2d7091;
   }
   .logosmall {
    font-size: 12px;
    line-height: 13px;
    color: #2d7091;
    padding-top: 12px;
   }
   #menu {
    background: #eee;
   }

/* ==========================================================================
   4. Headings
   ========================================================================== */
   .opis {
    margin: 15px 0 !important;
   }
   .profil-korisnika .uk-panel-title,
   .profil-korisnika .uk-alert  {
    margin-bottom: 0
   }
/* ==========================================================================
   5. Boxes
   ========================================================================== */
  .uk-panel-box {
  
  }
 .imakomentar:before{
  border-right:#8ec73b 15px solid !important;
}
  .komentarako {
    padding: 30px;
    background: rgba(255,255,255,0.6);
  }
  .komentarakodesno {
    padding: 15px;
    margin-bottom: 10px;
    background: #f5f5f5;
  }
  .uk-panel-box-secondary {
  margin-top: 30px;
  background: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 4px;
  }
  .showalert {
    display: block !important;
  }
  .alerthome {
    height: 60px;
  }
   .alertkorisnik {
    height: 40px;
  }
/* ==========================================================================
   6. Icons and badges
   ========================================================================== */

/* ==========================================================================
   7. Navigation
   ========================================================================== */
  .uk-navbar-nav>li:after {
  position: absolute;
  right: -20px;
  top: 0;
  content: '';
  width: 0px;
  height: 0px;
  border-left: 10px #eee solid;
  border-top: 20px transparent solid;
  border-bottom: 20px transparent solid;
  border-right: 10px transparent solid;

  }
  .uk-navbar-nav>li:last-child:after {
display: none;
  }
   .uk-navbar-nav>li.uk-active:after {
  border-left: 10px #444 solid;
  }
  .uk-navbar-nav>li:hover:after {
  border-left: 10px #444 solid;
  }
  .uk-navbar-nav>li.uk-active>a {
/*background-color: #2d7091;
color: #444;*/
background: #444;
    color: #fff;
}
.uk-navbar-nav>li:hover>a, .uk-navbar-nav>li>a:focus, .uk-navbar-nav>li.uk-open>a {
background: #444;
    color: #fff;
}.uk-navbar-nav a, .uk-navbar-nav li, .uk-navbar-nav li:after {
  transition:all 0.1s linear;
}
.uk-dropdown {
  margin-top: 0;
  background-color: #444;
  color: #fff;
  padding: 0 15px;
}
.uk-nav-dropdown>li>a {
color: #fff;
}


/* KOmpanije*/
.kompanije > li {
  min-height: 30px;
}
.sektori {
  cursor: pointer;
 }
 /*Finalna verzija*/
.finalna-verzija .napisi-komentar,
.finalna-verzija .komentar form {
  display: none;
}
.primer p, .primer h2, .primer ul {
  margin: 0;
}
.primer {
  margin: 30px 0;
}
.fixnav .uk-navbar-nav>li>a[href='#'] {
cursor: pointer;
}
/*.fixednav.statiknav {
  position: static;
}*/
/* ==========================================================================
   8. Links
   ========================================================================== */
.uk-pagination>.uk-active>span,
.uk-pagination>li>a,
.uk-pagination>.uk-disabled>span {
border: 1px solid rgba(0,0,0,.2);
border-bottom-color: rgba(0,0,0,.4);
}

/* ==========================================================================
   9. Buttons
   ========================================================================== */ 
.uk-table .brisanje, 
.uk-table .izmena {
  padding-top: 0;
  padding-bottom: 0;
  vertical-align: middle;
}
/* ==========================================================================
   10. Forms
   ========================================================================== */
   .izmeni-upitnik .komentar-sadrzaj.uk-panel-box {
    padding: 0;
   }
   #upitnik .uk-form textarea, #upitnik .uk-form input[type=text] {
    max-width: 90%;
   }
   .info-upitnik {
    margin: 10px 0;
   }
   .info-upitnik span {
    line-height: 30px;
   }
   .info-upitnik span:before {
    margin-right: 10px;
   }
   #upitnik .uk-form-controls span {
    margin-left: 10px;
    font-size: 20px;
    display: inline-block;
   }
.uk-form-horizontal .uk-form-label {
width: 50%;
}
.uk-form-horizontal .uk-form-controls {
margin-left: 55%;
}
.opisposla input, .opisposla textarea {
  width: 100%;
}
.uk-form-horizontal .ceored .uk-form-controls {
margin-left: 0px;
}
.ceored input[type="radio"],.ceored input[type="checkbox"] {
  width: auto;
  float: left;
  margin-top: 2px;
  margin-right: 10px;
}
.ceored input[type="text"], .ceored label {
  width: 93%;
  float: left;
}
.uk-form legend {
margin: 30px 0 5px 0;
}



/*Komentari*/
#komentari {
  position: relative;
}
/*Komentari*/
.komentar {
  position: absolute;
}
.komentar button {
  position: relative;
  z-index: 98;
}
.komentar form {
  margin-top: 20px;
}
.komentar form div:last-child{
  text-align: center;
  margin-bottom: 15px;
}
.komentar article/*,
.komentar form*/ {
  padding: 15px;
  background-color: #fff;
 position: absolute;
 left: -400px;
 top: 35px;
 z-index: 9999;
 width: 300px;
 transition:all 1s linear;
 border: #99baca 1px solid;
 box-shadow: rgba(0,0,0,0.9) 0 800px 0px 800px;
}
.komentar .uk-panel-box .uk-panel-badge {
top: 0px;
right: 0px;
}
.komentar.zatvoren article/*,
.komentar.zatvoren form*/ {
  display: none;
}
.broj-komentara {
  right: 0;
 transition:all 0.3s linear;
}
.napisi-komentar {
   width: 34px;
   height: 34px;
   margin-left:15px;
   line-height: 30px;
    transition:all 0.3s linear;
}
.zatvori-komentar {
   width: 30px;
   height: 30px;
   padding: 2px;
   margin-left:15px;
   line-height: 30px;
   display: none;
    transition:all 0.3s linear;
   
}

.broj-komentara:before {
  content: '';
  width: 0;
  height: 0;
  position: absolute;
  top: 0;
  left: -30px;
  border: transparent 15px solid;
  border-right: #eee 15px solid;
   transition:all 0.3s linear;
}
.broj-komentara.nema-komentara:before {
  display: none;
}
.broj-komentara.nema-komentara:hover {
  right: 0px;
}
.broj-komentara:hover {
  right: 10px;
  box-shadow: #f5f5f5 10px 0;
   transition:all 0.3s linear;
}
.broj-komentara:hover:before {
border-right: #f5f5f5 15px solid;
 transition:all 0.3s linear;
}
/*primary*/

.broj-komentara.uk-button-primary:hover {
  box-shadow: #35b3ee 10px 0;
} 
.broj-komentara.uk-button-primary:active {
  box-shadow: #0091ca 10px 0;
} 
.broj-komentara.uk-button-primary:before {
  border-right: #00a8e6 15px solid;
}
.broj-komentara.uk-button-primary:hover:before {
border-right: #35b3ee 15px solid;
}
.broj-komentara.uk-button-primary:active:before {
  border-right: #0091ca 15px solid;
} 
/*success */

.broj-komentara.uk-button-success:hover {
  box-shadow: #8ec73b 10px 0;
} 
.broj-komentara.uk-button-success:active {
  box-shadow: #72ae41 10px 0;
} 
.broj-komentara.uk-button-success:before {
  border-right: #8cc14c 15px solid;
}
.broj-komentara.uk-button-success:hover:before {
border-right: #8ec73b 15px solid;
}
.broj-komentara.uk-button-success:active:before {
 border-right: #72ae41 15px solid;
} 

.pristup {
  display: none;
}

.ikone .red, .firstred {
  color: red;
  text-align: center;
  font-size: 16px;
}

.ikone .green {
  color: green;
  text-align: center;
  font-size: 16px;
}
.malo {
  font-size: 12px;
}
.uk-icon-times-circle.red {
  padding: 2px 7px;
  border: #eee 1px solid;
}
/* ==========================================================================
   11. Animations
   ========================================================================== */                             

/* ==========================================================================
   12. Other
   ========================================================================== */

textarea {
    resize: vertical;
}
.browsehappy {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   13. Overrides
   ========================================================================== */
   .sektor li {
    margin: 5px 0;
    border-bottom: #ccc 1px dashed;
   }